<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>{$system_name}</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileColor" content="#0e90d2">
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
  <link rel="canonical" href="http://www.example.com/">
  -->
    <link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
    <!--<link rel="stylesheet" href="__PUBLIC__/assets/css/index.css">-->
    <!--必要样式-->
    <style>
        body {

        }

        .am-g {
            background-image: url("__ROOT__/{$code_bg}");
            background-size: 100% 100%;
        }

        .text {
            color: #F5B557;
            display: block;
            font-size: 17px;
            line-height: 25px;
            margin-top: 20px;
            font-family: 'LiSu';
        }

        .call {
            color: #F5B557;
            display: inline-block;
            font-size: 19px;
            line-height: 50px;
            vertical-align: middle;
        }

        .opacity {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #000;
            opacity: 0.5;
            filter: alpha(opacity=50);
            z-index: 1050;
            width: 100%;
            height: 100%;
            display: none;
        }

        .introduce {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1100;
            display: none;
            height: 100%;
        }

        .introduce-box {
            width: 100%;
            margin: 0 auto;
            height: 90%;
            text-align: center;
            margin-top: 25px;
        }

        .content-box {
            position: absolute;
            width: 65%;
            height: 70%;
            text-align: left;
            top: 15%;
            left: 22%;
            z-index: 9999;
            overflow-y: scroll;
            display: none;

        }

        ::-webkit-scrollbar {
            display: none
        }

        .go_moeny {
            color: #F6DB7F;
            display: block;
            border: 1px solid #F6DB7F;
            border-radius: 10px;
            width: auto;
            text-align: center;
            height: 22px;
            line-height: 22px;
            padding: 0 3px;
            font-size: 9px;
            position: absolute;
            right: 15%;
            bottom: 0;
        }

        .close_scroll {
            position: absolute;right: 9px;z-index: 99999;
            top:36px;
        }
    </style>
</head>
<!-- 微信自定义接口 -->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        "debug": false,
        "beta": false,
        'appId': '{$appId}',
        'timestamp':'{$timestamp}',
        'nonceStr': '{$noncestr}',
        'signature': '{$signature}',
        "jsApiList": ["onMenuShareAppMessage", "onMenuShareTimeline"]
    });
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: '过时不候！不管你王者荣耀实力如何！速速前来平分12万元奖金吧！',
            desc: '过时不候！不管你王者荣耀实力如何！速速前来平分12万元奖金吧！',
            link: "{$host}/Home/WeChat/loginByPush?user_id={$user_id}",
            imgUrl: '{$host}__PUBLIC__/images/wechat_share.jpg'
        });
        wx.onMenuShareTimeline({
            title: '过时不候！不管你王者荣耀实力如何！速速前来平分12万元奖金吧！',
            desc: '过时不候！不管你王者荣耀实力如何！速速前来平分12万元奖金吧！',
            link: "{$host}/Home/WeChat/loginByPush?user_id={$user_id}",
            imgUrl: '{$host}__PUBLIC__/images/wechat_share.jpg'
        });
    });
    function weChat(){
        $("#mcover").css("display","none");  // 点击弹出层，弹出层消失
    }
</script>
<!-- 微信自定义接口 -->
<body>
<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <eq name="is_current_user" value="0">
            <a href="__APP__/Home/Index" class="">
                <img src="__PUBLIC__/assets/i/left.png" alt="" style="margin: 5px">
            </a>
            <else/>
            <a  href="__APP__/Home/Me" class="">
                <img src="__PUBLIC__/assets/i/left.png" alt="" style="margin: 5px">
            </a>
        </eq>

    </div>

    <h1 class="am-header-title">
        <a href="#title-link" class="">
            推广二维码
        </a>
    </h1>
    <!--<div class="am-header-right am-header-nav">-->
      <!--<span id="fx" onclick="shareLink()">分享</span>-->

    <!--</div>-->
</header>
<div class="am-g">
    <div class="am-u-sm-12 am-text-center" style="margin-top: 50%;">
        <img src="__APP__/Home/WeChat/qrCode?user_id={$user_id}" width="150" height="150" alt=""
             style="background: url('__PUBLIC__/images/code_bg.png');padding: 10px;background-size:100% 100%;">
        <!--<span class="text">扫二维码，即可免费报名参加微风竞技<br>「王者荣耀」赛事。百万豪礼等你<br>来拿！报名详情可进群咨询！</span>-->
        <!--<img src="__PUBLIC__/assets/i/call.png" width="25" alt=""><a href="tel:+1112223"><span class="call">热线电话：0000-1112223</span></a>-->
    </div>
    <eq name="is_current_user" value="1">
            <div class="am-u-sm-12 am-text-center" style="position: absolute;bottom: 10px;">
                <span style="display: inline-block;padding: 5px;border: 1px solid #000;"><span style="color: #FFF;font-size: 14px;text-shadow:0 0.2em 0.2em #000,-0 -0 0.2em #000;" >当前浏览量：{$show_pageviews} = {$money} 元点击收益</span></span>
            </div>
    </eq>
</div>

<div class="opacity"></div>
<div class="introduce">
    <div class="introduce-box" style="">
        <img src="__PUBLIC__/images/push_bg_close.png" width="90" alt="" onclick="hideScroll()" class="close_scroll">
        <img src="__PUBLIC__/images/push_bg.png" class="juanzhou"  onclick="hideScroll()" width="90%" height="60%" alt="">
        <div class="content-box" >
            {$context}
        </div>
    </div>
</div>

<style>
    .share{
        position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.7);z-index: 9999;top: 0;display: none;
    }
</style>
<div class="share" onclick="closeShare()">
    <img src="__PUBLIC__/images/guide.png" alt="" style="position: absolute;top: 0;right: 0">
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/assets/js/angular.min.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
<script sr=""></script>
<script type="text/javascript">
    $(function () {
        var windowHeight = $(window).height();
        $('.am-g').height(windowHeight - 49);
    })
    $(function(){
        var windowHeight = $(window).height();
        console.log(windowHeight)
        $('.juanzhou').height(windowHeight-150);
    })


    function showScroll() {
        $('.opacity').show();
        $('.introduce').slideDown(3000);
        setTimeout(function () {
            $('.content-box').fadeIn(1500);
        }, 3000);
    }
    showScroll();
    function hideScroll() {
        $('.opacity').hide();
        $('.introduce').hide();
        $('.content-box').hide();
    }


    function shareLink(){
        $('.share').show();
        $('.room-set').slideToggle();
    }
    function closeShare(){
        $('.share').hide();
    }
</script>


</body>
</html>

